import { 
    ElButton,
    ElInput,
    ElIcon,
    ElAvatar,
    ElLoading,
    ElPopover,
    ElTooltip,
    ElCalendar,
    ElConfigProvider,
    ElPopconfirm,ElSlider
} from "element-plus";


const components = [
    ElButton,
    ElInput,
    ElIcon,
    ElAvatar,
    ElLoading,
    ElPopover,ElSlider,
    ElTooltip,ElCalendar,ElConfigProvider,ElPopconfirm
]
export const componentsPlugin = app => {
  components.forEach(app.use, app)
}

import { 
    Edit,
    Search,
    Lock,
    User,SwitchButton,Sunny,Headset,ArrowDown,
    Loading,UserFilled,MoreFilled,ArrowRight,ArrowLeft,Files,FolderOpened,PictureRounded,
    Setting,Minus,Close,CopyDocument,Back,RefreshRight,Right,CirclePlus
} from '@element-plus/icons-vue'  //图标需要分开导入，按需导入图标
//注册图标组件
let iconComponent = [
    Edit,
    Search,
    Lock,
    User,
    Loading,SwitchButton,Sunny,Headset,ArrowDown,
    Setting,UserFilled,MoreFilled,ArrowRight,ArrowLeft,Files,FolderOpened,PictureRounded,
    Minus,Close,CopyDocument,Back,RefreshRight,Right,CirclePlus
]
export const componentIcon = app =>{
  iconComponent.forEach(item =>{
    app.component(item.name,item)
  })
}
